<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../jquery1.11.1.min.js"></script>
</head>
<body>
    <h1>手机号注册</h1>
    手机号：<input type="text" id="tel"><span></span><br>
    验证码：<input type="text" id="yzm"><span id="yz"></span><a href="#" onclick="getYZM()">换一张</a><br>
    校验码：<input type="text" id="xym"><button onclick="getXYM()">点击获取校验码</button><br>
    密码号：<input type="text" id="pwd"><br>
    <input type="checkbox">同意条款 <br>
    <button onclick="addUser()">注册</button>

    <script>

        //检验手机号是否重复注册
        $("#tel").on("blur",function () {
            $.get("http://localhost:6500/isrepeat",{tel:$("#tel").val()},function (res) {
                console.log(res)
                if(res==0){
                    $("#tel").next().html("该手机号已被注册，请直接登录")
                }else {
                    $("#tel").next().html("√")
                }
            })
        })


        //获取验证码
        function getYZM() {
            $.post("http://localhost:6500/yzm",function (res) {
                console.log(res);
                $("#yz").html(res)
            })
        }
        getYZM();


        //获取校验码
        function getXYM() {
            $.post("http://localhost:6500/xym",{tel:$("#tel").val(),time:(new Date()).getTime()},function (res) {
                console.log(res);
                $("#xym").val(res)
            })
        }

        function clickXY() {
            if($("#tel").val()==""){
                $("#tel").next().html("手机号不能为空");
                return;
            }else  if($("yzm").val()==""){
                $("yz").html("验证码不能为空")
            }else {
                getXYM()
            }
        }


        //注册
            function addUser() {
                $.post("http://localhost:6500/adduser",{
                    tel:$("#tel").val(),
                    pwd:$("#pwd").val(),
                    time:(new Date()).getTime(),
                    xym:$("#xym").val()
                },function (res) {
                    console.log(res);
                })
            }
    </script>
</body>
</html>